<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>运动-课程介绍详情页</title>
</head>

<body>
    <main>
        <!-- 视频 -->
        <video id="video"></video>
        <!-- 返回箭头 -->
        <i class="iconfont icon-xiangzuo1" id="backBtn"></i>
        <!-- 播放按钮 -->
        <div class="play" id="play">
            <p class="iconfont icon-bofang"></p>
            视频预览
        </div>
        <div class="suspend" id="suspend">
            <p class="iconfont icon-24gf-pause2"></p>
            视频暂停
        </div>
        <!--  配速+用时+千卡  -->
        <div class="container mt20">
            <h3 class="name" id="name">巧克力腹肌雕刻</h3>
            <div class="pace-time-kcal">
                <!-- 配速 -->
                <div class="pace">
                    <span id="calorie">45</span> 千卡
                </div>
                <!-- 用时 -->
                <div class="time">
                    <span id="time">15</span> 分钟
                </div>
                <!-- 千卡 -->
                <div class="kcal">
                    <span id="peoplenum">99.99</span>w人练过
                    <i class="iconfont icon-xiangyou1"></i>
                </div>
            </div>

        </div>

        <!-- 用户名 -->
        <div class="user container">
            <img alt="" id="imgurl">
            <div class="userinfo">
                <h4>用户名</h4>
                <p>三现达人课程设计师</p>
            </div>
            <div class="follow">
                <i class="iconfont icon-jiahao1"></i>
                <a href="#">关注</a>
            </div>

        </div>

        <!-- 文本 -->
        <p class="text container" id="desc">
            15分钟将带你雕刻出性感的巧克力父级， 对腹部进行全方位的刺激，泵感十足！型男必备!
            <span>... 更多 </span>

        </p>

        <!-- 练习频次+器械 -->
        <div class="frequency-apparatus container">
            <!-- 练习频次 -->
            <div class="frequency">
                <img src="../../assets/image/频次.svg" alt="">
                <span>练习频次</span>
                <p>每周<span id="frequency">3-5</span>次</p>
            </div>
            <!-- 器械 -->
            <div class="apparatus">
                <i class="iconfont icon-yaling"></i>
                <span>器械</span>
                <p id="instrument">无</p>
            </div>
        </div>

        <!-- 开始训练按钮 -->
        <a href="./play.html" class="container" id="startTrainBtn">开始训练</a>
    </main>
</body>

</html>